<?xml version='1.0' encoding='UTF-8'?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script src="resources/theme/jquery-2.1.1.js" type="text/javascript"></script>
        <script src="resources/theme/jquery-ui.js" type="text/javascript"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="resources/bootstrap/js/bootstrap.js" type="text/javascript"></script>
        <link href="resources/bootstrap/css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
        <link href="resources/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <script src="resources/theme/mascaras.js" type="text/javascript"></script>\
        <script src="resources/theme/jquery.mask.js" type="text/javascript"></script>
        <link href="resources/theme/inside.css" rel="stylesheet" type="text/css"/>
        <!-- 11  Small devices (tablets, 768px and up)  utilizar o col-sm que é visto em todos os dispositivos-->
        <!--  <h:outputStylesheet library="bootstrap/css" name="bootstrap.min.css" />
           <h:outputStylesheet library="bootstrap/css" name="bootstrap.css" />
           <h:outputStylesheet library="bootstrap/css" name="bootstrap.min.css" />
           <h:outputStylesheet library="bootstrap/css" name="bootstrap-theme.css" />
           <h:outputStylesheet library="bootstrap/css" name="bootstrap-theme.min.css" />
        

           <h:outputScript library="bootstrap/js" name="bootstrap.js" />
           <h:outputScript library="bootstrap/js" name="bootstrap.min.js" />-->



        <title>IFSul-Bagé</title>
    </h:head>

    <h:body>
        <script type="text/javascript">



        </script>
        <div id="header" class="container">
            <ui:insert name="header">
                <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>

                            </button>
                            <a class="navbar-brand" href="#">Gestor Web IFSul</a>
                        </div>
                        <div class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li><a href="Dashbord.xhtml">Dashabord</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sistema<b class="caret"></b></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li role="presentation" class="dropdown-header"><i class="glyphicon glyphicon-home"></i> Instituição</li>
                                        <li class=""><a href="CadastrarInstituicao.xhtml">Cadastrar</a></li>
                                        <li class=""><a href="ListarInstituicoes.xhtml">Pesquisar</a></li>
                                        <li class="divider"></li>
                                        <li role="presentation" class="dropdown-header"><i class="glyphicon glyphicon-cog"></i> Setor</li>

                                        <li class=""><a href="CadastrarSetor.xhtml">Cadastrar</a></li>
                                        <li class=""><a href="ListarSetores.xhtml">Pesquisar</a></li>
                                        <li class="divider"></li>
                                        <li role="presentation" class="dropdown-header"><i class="glyphicon glyphicon-flag"></i> Objetivo</li>

                                        <li class=""><a href="CadastrarObjetivo.xhtml">Cadastrar</a></li>
                                        <li class=""><a href="ListarObjetivos.xhtml">Pesquisar</a></li>
                                        <li class="divider"></li>
                                        <li role="presentation" class="dropdown-header"><i class="glyphicon glyphicon-tower"></i> Ação</li>

                                        <li class=""><a href="CadastrarAcao.xhtml">Cadastrar</a></li>
                                        <li class=""><a href="ListarAcoes.xhtml">Pesquisar</a></li>
                                        <li class="divider"></li>
                                        <li role="presentation" class="dropdown-header"><i class="glyphicon glyphicon-certificate"></i> Meta</li>

                                        <li class=""><a href="CadastrarMeta.xhtml">Cadastrar</a></li>
                                        <li class=""><a href="ListarMetas.xhtml">Pesquisar</a></li>

                                    </ul>

                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pessoa<b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li role="presentation" class="dropdown-header"><i class="glyphicon glyphicon-user"></i> Pessoa</li>
                                        <li><a href="CadastrarPessoa.xhtml">Cadastrar</a></li>
                                        <li><a href="ListarPessoas.xhtml">Pesquisar</a></li>
                                    </ul>
                                </li>
                            </ul>
                            <ul class="nav navbar-nav navbar-right">
                                <li class="active"><a href="#"><i class="glyphicon glyphicon-user" style="color: #FEFEFE;"></i> Olá visitante</a></li>
                                <li><a href="login.xhtml"> Sair</a></li>

                            </ul>
                        </div>
                    </div>
                </div>


            </ui:insert>

        </div>

        <div id="content" class="container" style="margin-top: 78px">
            <ui:insert name="content">Content</ui:insert>
        </div>

        <div id="footer">
            <ui:insert name="footer"></ui:insert>
        </div>

    </h:body>

</html>
